<template>
  <div class="box">
      <div>
          <div class="top">
              <span>用户评价（3万 +）</span>
              <span class="haoping">好评率98.29%</span>
          </div>
          <div class="sbox">
              <span><img src="@/assets/baopin/touxiang.png" alt=""></span>
              <span class="icons">
                  <p>1*********6</p>
                  <p >
                      <span class="iconfont icon-shoucang"></span>
                      <span class="iconfont icon-shoucang"></span>
                      <span class="iconfont icon-shoucang"></span>
                      <span class="iconfont icon-shoucang"></span>
                      <span class="iconfont icon-shoucang"></span>
                  </p>
              </span>
              <span class="sj">2022.01.30</span>
          </div>
          <p class="pj">好吃好吃，真好吃</p>
          <button>查看全部评价</button>
      </div>
  </div>
</template>

<script>
export default {

}
</script>

<style scoped>

.box{
    height: 2.5rem;
    background: white;
    border-radius: .15rem;
    margin-bottom: .2rem;
}
.top{
    padding-top: .15rem;
    margin: 0 .1rem 0 .15rem;
}
.top span:nth-child(1){
    font-size: 14px;
    font-weight: 600;
}
.haoping{
    font-size: .13rem;
    float: right;
    margin-right: .1rem;
}
.sbox{
    display: flex;
    height: .5rem;
    margin: .3rem .1rem 0 .15rem;
}
.sbox img{
    width: .3rem;
}
.sbox .iconfont{
    color: yellow;
}
.sbox .icons{
    margin-left: .2rem;
}
.sbox .sj{
    font-size:.12rem ;
    margin: .08rem 0 0 1.4rem;
}
.pj{
    margin: .3rem 0 .45rem .15rem;
    font-size: .14rem;
}
button{
    width: 1.3rem;
    height: .24rem;
    background: white;
    border-radius: .3rem;
    border: 1px solid gray;
    font-size: .14rem;
    margin-left: 1.3rem;
    outline: none;
}
</style>